<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2431045_hbwl3x53oep.css">
    <link rel="stylesheet" href="CSS/MTK.css">
    <link rel="stylesheet" href="css/Map.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/echarts.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.js"></script>
    <script src="js/world.js"></script>
    <script src="js/bootstrap.js"></script>
    <title>GIS控制台</title>
</head>

<body>
    <div id="box">

        <div class="main">
            <!-- left开始 -->
            <div class="main-box1">
                <div class="left">
                    <div class="left-top">
                        <ul class="left-top-ul">
                            <li>采集中</li>
                            <li>已到期</li>
                            <li>数据查看</li>
                        </ul>
                        <span class="left-top-sp"></span>
                    </div>
                    <div class="left-main">
                        <div class="left-box left-box-cjz" style="display: none;">
                            <div class="left-box-top">
                                <span class="left-box-cjz-sp">选择</span>
                                <span>里水镇02</span>
                            </div>
                            <div class="left-box-two">
                                <ul>
                                    <li><span class="l-b-t-sp1">任务开始时间:</span><span>2021-09-01 00:00:00</span></li>
                                    <li><span class="l-b-t-sp1">任务结束时间:</span><span>2021-09-04 00:00:00</span></li>
                                </ul>
                            </div>
                            <div class="left-box-four">
                                <div class="left-box-four-top">
                                    <div>采集区域</div>
                                    <div>执行情况</div>
                                </div>
                                <div class="left-box-four-top">
                                    <div>采集要求</div>
                                    <div>数据清单</div>
                                </div>
                            </div>
                            <div class="left-box-low">
                                <div class="left-box-low-top">
                                    <div>图斑总数:202</div>
                                    <div>已采集:12</div>
                                </div>
                                <div class="left-box-low-top">
                                    <div>已审核:3</div>
                                    <div>未采集:190</div>
                                </div>
                            </div>
                        </div>
                        <div class="left-box left-box-ydq" style="display: none;">
                            <div class="left-box-top">
                                <span class="left-box-ydq-sp">选择</span>
                                <span>里水镇0asadsda</span>
                            </div>
                            <div class="left-box-two">
                                <ul>
                                    <li><span class="l-b-t-sp1">任务开始时间:</span><span>2021-09-01 00:00:00</span></li>
                                    <li><span class="l-b-t-sp1">任务结束时间:</span><span>2021-09-04 00:00:00</span></li>
                                </ul>
                            </div>
                            <div class="left-box-four">
                                <div class="left-box-four-top">
                                    <div>采集区域</div>
                                    <div>执行情况</div>
                                </div>
                                <div class="left-box-four-top">
                                    <div>采集要求</div>
                                    <div>数据清单</div>
                                </div>
                            </div>
                            <div class="left-box-low">
                                <div class="left-box-low-top">
                                    <div>图斑总数:202</div>
                                    <div>已采集:12</div>
                                </div>
                                <div class="left-box-low-top">
                                    <div>已审核:3</div>
                                    <div>未采集:190</div>
                                </div>
                            </div>
                        </div>
                        <div class="left-box left-box-sjck">
                            <div class="left-box-echarts-top">
                                <span>鱼塘总数量: 28525快</span>
                                <p>各二级地类数量</p>
                            </div>
                            <div class="left-box-echarts-low">
                                <div id="main" style="width:200px;height:200px"></div>
                            </div>
                        </div>
                        <div class="left-box left-box-sjck">
                            <div class="left-box-echarts-top">
                                <span>鱼塘总面积: 151857.886 亩</span>
                                <p>各二级地类面积</p>
                            </div>
                            <div class="left-box-echarts-low">
                                <div id="ma2in" style="width:200px;height:200px"></div>
                            </div>
                        </div>
                        <div class="left-box left-box-sjck">
                            <div class="left-box-echarts-top">
                                <span>主体类型分布</span>
                                <p>类型说明</p>
                            </div>
                            <div class="left-box-echarts-low">
                                <div id="ma3in" style="width:200px;height:200px"></div>
                            </div>
                        </div>
                    </div>



                </div>
            </div>
            <!-- left结束 -->
            <!-- head开始 -->
            <div class="box2">
                <div class="main-box2">
                    <div class="head">
                        <ul>
                            <li data-toggle="modal" data-target="#myModal">
                                <span>区镇级管理员/创建任务计划</span>
                                <span><img src="image/003.png" alt="" class="head-img1"></span>
                            </li>
                            <li>
                                <span><img src="image/005.png" alt="" class="head-img2"></span>
                                <span>任务执行/数据标注/村居采集，镇/街区支持录入</span>
                                <span><img src="image/003.png" alt="" class="head-img3"></span>
                            </li>
                            <li>
                                <span><img src="image/006.png" alt="" class="head-img4"></span>
                                <span>任务数据查看/审核/镇街审核/区支持审核</span>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="main-box3">
                    <div id="mbin" style="width: 1100px;height: 550px;"></div>
                    <div id="mcin" style="width: 1100px;height: 550px; display: none;"></div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">创建任务计划</h4>
                        </div>
                        <div class="mtbox">
                            <div class="main-box3-b1 mtb3">
                                <div class="mtb3-b"><span class="xh">*</span><span>任务名称</span></div>
                                <div class="mtb3-b1">
                                    <div class="">
                                        <input type="text"><span><span>0</span>/20</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timebox">

                            <div class="wrap ">
                                <div class="aaaas">
                                    <div><span>*</span><span>采集时间</span></div>
                                </div>
                                <div class="wrap-l">
                                    <i class="ali-iconfont ali-iconshizhong"></i>
                                    <div class="wrap-l-starTime inp1Box">
                                        <input class="inp1" name="startTime" type="text" placeholder="开始日期">
                                    </div>
                                </div>
                                <div class="wrap-r">
                                    <i class="ali-iconfont ali-iconshizhong"></i>
                                    <div class="wrap-l-endTime inp1Box">
                                        <input class="inp1" name="endTime" type="text" placeholder="结束日期">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cjBox">
                            <div>
                                <div class="cjb1">
                                    <div>
                                        <span>*</span>
                                        <span>采集区域</span>
                                    </div>
                                </div>
                                <div class="cjb2">
                                    <div>
                                        <select name="" id="">请选择
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="cjb3">
                                    <span>全选</span>
                                    <span>取消全选</span>
                                </div>
                            </div>
                        </div>

                        <div class="yqBox">
                            <div><span>采集要求</span></div>
                            <!-- <div> -->
                            <textarea name="" id="" ></textarea>
                            <!-- </div> -->
                        </div>
                        <div class="fileBox">
                            <div>
                            <div>
                                
                                <div><input type="file"><span>+</span></div>
                            </div>
                            <div class="aa2">
                                <span>保存计划任务</span>
                            </div>
                        </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">提交更改</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
    </div>
    

    <script src="js/mapEcharts.js"></script>
    <script src="js/mapJquery.js"></script>
    <script src="js/moment.js"></script>
    <script src="js/jquery-datePicker.min.js"></script>
    <script src="js/takeTime.js"></script>

</body>


</html>